
/* CSS Document */
@media only screen and (max-width: 1920px) {
	.w2{width: 100%;}
}
@media only screen and (max-width: 1420px) {
	.w{width: 84.4%;}
	.w3{width: 84.4%;}
	
}
@media only screen and (max-width: 1200px) {
	.banner_bottom{display: none;}
	.about{padding-top: 30px;background-position: top center;background-size: contain;}
	.about_l{width: 100%;}
	.about_r{width: 100%;margin-top: 20px;}
	.about_title{font-size: 30px;font-size: 3rem;}
	.about_title_d{font-size: 18px;font-size: 1.8rem;}
	.about_d{margin-top: 20px;height: auto;}
	.about_choose{margin-top: 20px;}
	.about_choose_list{line-height: 30px;padding-left: 30px;font-size: 18px;font-size: 1.8rem;}
	.about_r_float::before,.about_r_float::after{display: none;}
	.about_r_float_content{text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 40px;height: 40px;}
	.title_d{display: none;}
	.title_c{font-size: 30px;font-size: 3rem;line-height: 45px;}
	.title_e{font-size: 30px;font-size: 3rem;left: -16px;bottom:-20px;letter-spacing: 2px;}
	.more{float: initial;position: static;width: 100px;line-height: 40px;height: 40px;text-align: center;margin-top: 20px;border-radius: 15px;background: linear-gradient(to right,#7fd341,#27bffe);}
	.more::before{display: none;}
	.product{margin-top: 30px;}
	.product_all{padding-top: 30px;padding-bottom: 20px;}
	.product_left_all{display: none;}
	.product_left{width: 100%;}
	.product_right{width: 100%;}
	.product_list:nth-child(3n){margin-right: 4%;}
	.product_list{width: 48%;margin-right: 4%;margin-bottom: 20px;}
	.product_list:nth-child(2n){margin-right: 0;}
	.product_title{line-height: 40px;border-radius: 0 0 0 15px;}
	.product .more{width: 100px;margin-top: 20px;}
	.choose_all{margin-top: 20px;}
	.choose_list{width: 48%;margin-right: 4%;border-radius: 0 0 0 15px;}
	.choose_list:nth-child(2n){margin-right: 0;margin-bottom: 20px;}
	.choose_list_all{padding-top: 20px;padding-bottom: 20px;}
	.choose_title{margin-top: 10px;font-size: 18px;font-size: 1.8rem;}
	.choose_d{line-height: 20px;height: 40px;margin-top: 5px;}
	.case{display: none;}
	.case2{display: block;margin-top: 10px;}
	.case2_title{text-align: center;font-size: 16px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;color: #fff;background-color: #27bffe;border-radius: 0 0 0 15px;}
	.news{margin-top: 30px;padding-top: 20px;padding-bottom: 0;}
	.news_all{margin-top: 20px;}
	.news .more{width: 100px;background: linear-gradient(to right,#7fd341,#27bffe);}
	.news_list:nth-child(3n){margin-right: 4%;}
	.news_list{width: 48%;margin-right: 4%;margin-bottom: 20px;}
	.news_list:nth-child(2n){margin-right: 0;}
	.news_list:hover{margin-top: 0;}
	.news_r{display: none;}
	.news_l{width: 100%;}
	.news_bottom{border-radius: 0 0 0 15px;}
	.footer{padding-top: 30px;padding-bottom: 30px;}
	
	.footer_l{width: 100%;text-align: center;}
	.footer_r{width: 100%;text-align: center;margin-top: 20px;}
	.footer_content{margin-top: 20px;}
	.footer_tel_content{font-size: 18px;font-size: 1.8rem;}

.navli a {
	line-height: 32px;
}

.collect {
	display: none;
}

.logo{width: 100%;margin-left: 0;}
	
}

@media only screen and (max-width: 992px) {
html {
	font-size: 9.5px;/* 整体字体缩小 */
}
#main_left {
	display: none;
}
#main_right {
	width: 100%;
}

.tab-tle {
	display: none;
}


#kefu_wrap {
	display: none;/* QQ不显示 */
}
.tbox {
	display: none;
}
.tbox #gotop {
	display: none;
}
.banner_float{
	display: none;
}
#mess_index_l {
	display: none;
}
.nav_map {
	display: block;
}
.footer {
	margin-bottom: 87px;
}

}

@media only screen and (max-width: 768px) {
html {
	font-size: 9px;/* 整体字体缩小 */
}
	
	.wap{display: block;}
	.pc{display: none;}
	.footer{margin-bottom: 70px;}
}

@media only screen and (max-width: 576px) {
html {
	font-size: 8.5px;/* 整体字体缩小 */
}

#content_lm span {
	display: none;
}
#content_lm {
	text-align: center;
}
.m_nav {
	display: block;
}

}

@media only screen and (max-width: 414px) {
.footer {
	margin-bottom: 60px;
}
}

@media only screen and (max-width: 375px) {
.footer {
	margin-bottom: 50px;
}
}

@media only screen and (max-width: 360px) {
.footer {
	margin-bottom: 40px;
}
}
